<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>滚动预报</title>
    <link rel="stylesheet" href="../business/gdybNew/css/gdyb.css" />
    <link rel="stylesheet" href="../business/common/css/common.css" />
</head>

<body>
    <div class="rainfall">
        <div class="rainfall_content">
            <div class="rainfall_title flex between itemcenter">
                <div class="rainfall_time flex itemcenter">
                    <span>起报时间：</span>
                    <div class="datepicker">
                        <div id="qbTime"></div>
                    </div>
                </div>
                <div class="rainfall_time flex itemcenter">
                    <span>产品：</span>
                    <ul class="item-product flex itemcenter" id="interval">
                        <li data-duration="72">1</li>
                        <li data-duration="240">3</li>
                        <li data-duration="240">6</li>
                        <li data-duration="240" class="active">12</li>
                        <li data-duration="240">24</li>
                    </ul>
                </div>
                <div class="rainfall_time flex itemcenter">
                    <span>要素选择：</span>
                    <ul class="item-product flex itemcenter" id="element"></ul>
                </div>
                <ul class="flex head_btn">
                    <li id="queryBtn">查询</li>
                    <li id="downBtn">下载</li>
                    <li id="techpdf">技术说明</li>
                </ul>
            </div>
            <div class="rainfall_main_wai">
                <div class="rainfall_main">
                    <div class="rainfall_table" id="tableInfo">
                        <div class="table-header">
                            <table>
                                <tr>
                                    <th>时次</th>
                                    <th>要素</th>
                                </tr>
                            </table>
                        </div>
                        <div class="table-body">
                            <table></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../static/plugins/customExport/customExportExcel.js"></script>
    <script src="../business/gdybNew/js/gdyb.js"></script>
</body>

</html>